<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#body{
				background: url(img/catlist_bg.gif);
				background-repeat: no-repeat;
				height: 700px;
				width: 1000px;
				margin: auto;
			}
			#shop{
				height: 50px;
				width: 100%;
				padding-top: 70px;
			}
			#shop #top li{
				float: left;
				list-style: none;
				padding:0px 50px;
				font-size: 20px;
			}
			#shop li{
				text-align: center;
				list-style: none;
				float: left;
				padding:0px 50px;
			}
			#footer{
				margin:auto;
				width: 1050px;
			}
			#footer_iframe{
				width: 1050px;
			}
			#top{
				margin:auto;
				width: 1050px;
			}
			#top_iframe{
				width: 1050px;
			}
		</style>
	</head>
	<body>
		<div id="top">
		<iframe id="top_iframe" src="header.html" frameborder="0" scrolling="no">
		</iframe>
		</div>
		<div id="body">
			<div id="shop">
				<ul id="top">
					<li>
						<input type="checkbox" />全选
					</li>
					<li>
						商品图片
					</li>
					<li>
						商品名称/出售者/联系方式
					</li>
					<li>
						价格
					</li>
				</ul>
				<hr style="border: darkgray 1px dashed; width: 900px;" />
				<ul>
					<li>
						<input type="checkbox" />
					</li>
					<li>
						<img src="img/list1.jpg" />
					</li>
					<li>
						<p>杜比环绕，家庭影院必备，超真实感受</p>
						<p>出售者:ling112233</p>
						<img src="img/online_pic.gif" />
						<img src="img/addfav.gif" />收藏
					</li>
					<li>
						<p>
							一口价
						</p>
						<p>
							2832.00
						</p>
					</li>
				</ul>
				<hr style="border: darkgray 1px dashed; width: 900px;" />
				<ul>
					<li>
						<input type="checkbox" />
					</li>
					<li>
						<img src="img/list2.jpg" />
					</li>
					<li>
						<p>NVDIA 9999GT 512MB极品显卡</p>
						<p>出售者:ling112233</p>
						<img src="img/online_pic.gif" />
						<img src="img/addfav.gif" />收藏
					</li>
					<li>
						<p>
							一口价
						</p>
						<p>
							2832.00
						</p>
					</li>
				</ul>
				<hr style="border: darkgray 1px dashed; width: 900px;" />
				<ul>
					<li>
						<input type="checkbox" />
					</li>
					<li>
						<img src="img/list3.jpg" />
					</li>
					<li>
						<p>精品热卖：高清晰，30寸等离子电视</p>
						<p>出售者:ling112233</p>
						<img src="img/online_pic.gif" />
						<img src="img/addfav.gif" />收藏
					</li>
					<li>
						<p>
							一口价
						</p>
						<p>
							2832.00
						</p>
					</li>
				</ul>
				<hr style="border: darkgray 1px dashed; width: 900px;" />
				<ul>
					<li>
						<input type="checkbox" />
					</li>
					<li>
						<img src="img/list4.jpg" />
					</li>
					<li>
						<p>Sony 512G 索尼家用最新款笔记本</p>
						<p>出售者:ling112233</p>
						<img src="img/online_pic.gif" />
						<img src="img/addfav.gif" />收藏
					</li>
					<li>
						<p>
							一口价
						</p>
						<p>
							2832.00
						</p>
					</li>
				</ul>
				<hr style="border: darkgray 1px dashed; width: 900px;" />
			</div>
		</div>
		<div id="footer">
		<iframe id="footer_iframe" src="footer.html" frameborder="0" scrolling="no">
		</iframe>
		</div>
	</body>
</html>
